body{
	overflow-x: hidden;
}

*{
	margin: 0;
	padding: 0;
	list-style: none;
}



/*首页产品轮播图样式开始*/
.banner-bg{
	background: url(../images/product_bg.jpg) no-repeat center;
	height: 594px;
	position: relative;
}

#bonner a{
	text-decoration: none;
}

#bonner .more{
	line-height: 35px;
	font-family: 华文行楷;
	font-size: 24px;
	text-decoration: none;
	color: #16286d;
}
#bonner .mores{
	margin-top: 15px;
}



.list{
	position: relative;
	line-height: 450px;
}

.list li{
	text-align: center;
	float: left;
}


/*产品轮播样式结束*/

/*首页传世界面样式开始*/
#handed_down{
	margin-top: 37px;
}

#handed_down .understand{
	line-height: 100px;
	font-family: 华文行楷;
	font-size: 24px;
	text-decoration: none;
	color: #16286d;
}

#handed_down a{
	text-decoration: none;
	
}

#handed_down h4,p{
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 35px;
	color: #181818;
}
/*首页传世样式结束*/



/*屏幕小于768px的平板*/
@media (max-width:768px) { 
	
/* 屏幕分辨率小于768时关于模块样式开始*/
 #product{
	   margin:0;
   }
 
 #product .about-icon h3{
		background: url(../images/titil.png) no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		width: 70px;
		line-height: 70px;
		font-size: 22px;
		padding: 0;
		margin: 0;
	}
 #product .content-about >img{
 	width: 200px;
 }
	
/* 屏幕分辨率小于768时关于模块样式结束*/	
	
/* 屏幕分辨率小于768时传世模块样式开始*/		
 #handed_down .about-icon h3{
		background: url(../images/titil.png) no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		width: 70px;
		line-height: 70px;
		font-size: 22px;
		padding: 0;
		margin: 0;
	}
	
 #handed_down{
		margin: 10px;
	}
	
 #product .product-content{
	background: url(../images/product_bg.jpg) no-repeat;
	background-size: 100% 100%;
}
 #handed_down .understand{
 	    font-size: 18px;
 	    line-height: 0;
 }
 
 #handed_down h4,p{
 	  font-size: 14px;
 }
 
 /* 屏幕分辨率小于768时传世模块样式结束*/	

  /* 屏幕分辨率小于768时产品轮播模块样式开始*/	
 .banner-bg{
 	overflow: hidden;
 	height: 300px;
 	
 }
 
 #bonner{
 	margin:  0 auto;
 	width: 400px;
 	height: 594px;
 	overflow: hidden;
 	
 }
 
 #bonner img{
 	width: 150px;
 	height: 200px;
 }
 
 #bonner .list li{
 	width: 380px;
 	line-height: 0;
 }
 
 #bonner .left{
	display: none;
	}

	#bonner .right{
	display: none;
	}
	
  #bonner .more{
	font-size: 18px;
	text-decoration: none;
	color: #16286d;
  }
    /* 屏幕分辨率小于768时产品轮播模块样式结束*/	

}

/* 中等屏幕（桌面显示器，大于 768px 小于1200px ） */
@media (min-width: 768px) and (max-width:1200px) { 
	
/* 中等屏幕，大于 768px 小于1200px时关于模块样式开始  */
 
 
  #product{
	   margin:10px;
   }
 
  #product .about-icon h3{
		background: url(../images/titil.png) no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		width: 100px;
		line-height: 100px;
		font-size: 30px;
	}
	
	#product .product-content{
		background: url(../images/product_bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	/* 中等屏幕，大于 768px 小于1200px时关于模块样式 结束 */
	
	
	/* 中等屏幕，大于 768px 小于1200px时传世模块样式开始 */
	
  #handed_down .about-icon h3{
		background: url(../images/titil.png) no-repeat;
		background-size: 100% 100%;
		display: inline-block;
		width: 100px;
		line-height: 100px;
		font-size: 30px;
	}
  #handed_down{
	    margin: 0;
	}
	
   
	
  #handed_down .understand{
 	    font-size: 20px;
 	}
 	#handed_down h4,p{
 		font-size: 18px;
 	}
 	
	/* 中等屏幕，大于 768px 小于1200px时传世模块样式结束 */
	
	/* 中等屏幕，大于 768px 小于1200px时产品轮播块样式开始 */
 	
 	#bonner{
 	margin:  0 auto;
 	width: 800px;
 	height: 594px;
 	overflow: hidden;
 	}
 
	 #bonner .list li{
 	width: 380px;
 	}
 	
 	#bonner .left{
	display: none;
	}

	#bonner .right{
	display: none;
	}
	
		/* 中等屏幕，大于 768px 小于1200px时产品轮播块样式结束 */
}
 /* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
	
	 /* 大屏幕大于等于 1200时样式 */
	
	#product{
	margin-top: 24px;
	}
	
    #bonner{
 	margin:  0 auto;
 	width: 1200px;
 	height: 594px;
 	overflow: hidden;
 	}
 	
 	
 
	#bonner .list li{
 	width: 400px;

 	}
 	
 	#bonner .left{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 90px;
}

#bonner .right{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right: 90px;
}

.left_1{
	position: relative;
	transition: all 1s;
}

.right_1{
	position: relative;
	transition: all 1s;
}

.left_2{
	position: relative;
	transition: all 1.5s;
}

.mid_2{
	position: relative;
	transition: all 1.5s;
}

.right_2{
	position: relative;
	transition: all 1.5s;
}

}
